// 搜索条件
.form-container {
  background: $themeBgPages;
  padding: 10px 10px 0px;
  position: relative;
  .highLevelStyle {
    cursor: pointer;
    font-size: 20px;
    line-height: 32px;
    color:#fff;
  }

  .el-form-item {
    margin-bottom: 5px;
    .el-form-item__label{
      color:#fff;
    }
    .el-input__inner {
      background: none;
      color:#fff;
    }
    .el-date-editor .el-range-input{
      background: none;
    }
    .el-input {
      width: 180px;
      .el-input__inner {
        padding-left: 8px;
        background: none;
      }
    }
    .el-input-group {
      vertical-align: baseline;
    }
    .date {
      width: 180px;
      .el-input__inner {
        padding-left: 30px;
      }
    }
    .el-date-editor {
      width: 225px;
    }
    .vue-treeselect--single {
      .vue-treeselect__input-container {
        height: 30px;
      }
    }
    .vue-treeselect__control {
      height: 30px;
    }
    .el-form-item__content {
      font-size: 13px;
    }
    .year-picker{
      width: 180px;
      .el-input__inner{
        padding-left: 30px;
      }
    }
  }
}

// 操作按钮
.el-dropdown-menu {
  margin: 0;
  padding: 5px 0;
  .el-dropdown-menu__item {
    text-align: center;
    font-size: 12px;
    line-height: 30px;
  }
}

.button-wrap {
  background: $themeBgPages;
  padding: 10px 0 10px;
  border-top: 1px solid #eee;
  //margin: 0 0 $magin10 0 !important;
  position: relative;
  .el-col {
    padding: 0 !important;
    .is-disabled {
      color: #999!important;
    }
    .el-button {
      border: none;
      background: none;
      border-radius: 0;
      padding: 7px 15px;
      position: relative;
      color:#fff;
      &:after {
        content: "";
        position: absolute;
        right: 0;
        top: 7px;
        width: 1px;
        height: 14px;
        background: $color999;
        z-index: 1;
      }
    }
    &:last-child {
      .el-button {
        &:after {
          background: none;
        }
      }
    }
    .el-dropdown {
      padding: 8px 15px 6px;
      font-size: 12px;
      position: relative;
      &:after {
        content: "";
        position: absolute;
        right: 0;
        top: 7px;
        width: 1px;
        height: 14px;
        background: $color999;
        z-index: 1;
      }
    }
  }
  .personal-type {
    text-align: right;
    font-size: $font14;
    color: #1682e6;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 10px;
  }
}

// 操作按钮
.btns-group {
  background: $themeBgPages;
  padding: 10px 0 10px;
  border-top: 1px solid #eee;
  //margin: 0 0 $magin10 0 !important;
  position: relative;
  .item-group {
    padding: 0 !important;
  }
  .is-disabled {
    color: #999!important;
  }
  .el-button {
    border: none;
    background: none;
    border-radius: 0;
    padding: 7px 15px;
    position: relative;
    margin: 0;
    color:#fff;
    &:after {
      content: "";
      position: absolute;
      right: 0;
      top: 7px;
      width: 1px;
      height: 14px;
      background: $color999;
      z-index: 1;
    }
    &:hover{
      background: none;
    }
  }
  .el-dropdown {
    padding: 8px 15px 6px;
    font-size: 14px;
    position: relative;
    &:after {
      content: "";
      position: absolute;
      right: 0;
      top: 7px;
      width: 1px;
      height: 14px;
      background: $color999;
      z-index: 1;
    }
  }
  .personal-type {
    text-align: right;
    font-size: $font14;
    color: $blue;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 10px;
  }
  // 上传过的附件
  .legend {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 12px;
    color: $blue;
  }
}

// 列表
.el-table {
  &::before {
    height: 0;
  }
  .cell {
    padding: 0 8px;
  }
  color: #fff;
  tbody{
    tr{
      &.hover-row{
        td{
          background: #0a2140!important;
        }
      }
      &:hover{
        td{
          background: #0a2140!important;
        }
      }
    }
  }
  &.el-table--striped{
    .el-table__body{
      tr{
        &.el-table__row--striped{
          td{
            background: #0a2140 !important;
          }
        }
      }
    }
  }
  .el-checkbox__inner{
    background: none!important;
  }
  .is-checked{
    .el-checkbox__inner{
      background: #fff!important;
      &::after{
        border-color:#0a7fff ;
      }
    }
  }
}
.table-list {
  border: 1px solid #dfe6ec;
  background: $themeBgPages;
  tr{
    background: $themeBgPages;
  }
  thead {
    th {
      background: #0a2140;
      border-right: 1px solid #dfe6ec;
      color: #fff;
      &:last-child {
        border-right: none;
      }
    }
  }
  th,
  td {
    background: $themeBgPages;
    border-right: 1px solid #dfe6ec;
    padding: 6px 0 !important;
    &:last-child {
      border-right: none;
    }
  }
  .magnifier {
    cursor: pointer;
    font-size: 20px;
  }
  .el-table__fixed,
  .el-table__fixed-right {
    height: 100% !important;
  }
  .DisableSelection > .cell {
    // 隐藏表头多选框
    display: none !important;
  }
  .el-table__fixed {
    // 左固定列
    height: auto !important;
    bottom: 18px; // 改为自动高度后，设置与父容器的底部距离，高度会动态改变，值可以设置比滚动条的高度稍微大一些
  }

  .el-table__footer-wrapper{
    th,
    td {
      background: $themeBgPages;
      border-right: 1px solid #dfe6ec;
      padding: 6px 0 !important;
      color: #fff;
      &:last-child {
        border-right: none;
      }
    }
  }

  // 预警icon
  .icon-warning{
    color:#e6a23c;
    font-size: 16px;
  }
}

// 分页
.pagination-container{
  .el-pagination__total,.el-pagination__jump{
    color:#fff;
  }
  .el-input__inner{
    background: none;
    color:#fff;
  }
}


/*目前使用 有tagsView的table高度*/

// 筛选条件关闭 && 有tagsView的table高度
.el-body-page-roll-tag {
  .el-table__body-wrapper {
    height: calc(100vh - 340px);
    overflow-y: auto;
  }
}

// 筛选条件展开 && 有tagsView的table高度
.el-body-page-roll-tag-height {
  .el-table__body-wrapper {
    height: calc(100vh - 385px);
    overflow-y: auto;
  }
}
/*目前使用 有tagsView的table高度*/
/*目前使用 监管 有tagsView的table高度*/

.enterprise-type .el-body-page-roll-tag .el-table__body-wrapper {
  height: calc(100vh - 295px);
  overflow-y: auto;
}

.enterprise-type .el-body-page-roll-tag-height .el-table__body-wrapper {
  height: calc(100vh - 340px);
  overflow-y: auto;
}
// 筛选条件关闭 && 有tagsView的table高度
.enterprise-type .el-body-page-roll-tag .el-table__body-wrapper {
  height: calc(100vh - 295px);
  overflow-y: auto;
}
// 筛选条件展开 && 有tagsView的table高度
.enterprise-type .el-body-page-roll-tag-height .el-table__body-wrapper {
  height: calc(100vh - 340px);
  overflow-y: auto;
}
/*目前使用 监管 有tagsView的table高度*/
// 无tagsView的table高度
.el-body-page-roll .el-table__body-wrapper {
  height: calc(100vh - 320px);
  overflow-y: auto;
}
.el-body-page-roll-height .el-table__body-wrapper {
  height: calc(100vh - 365px);
  overflow-y: auto;
}
/*目前使用 无tagsView的table高度*/
// 筛选条件关闭 && 无tagsView的table高度
.el-body-page-roll .el-table__body-wrapper {
  height: calc(100vh - 320px);
  overflow-y: auto;
}
// 筛选条件展开 && 无tagsView的table高度
.el-body-page-roll-height .el-table__body-wrapper {
  height: calc(100vh - 365px);
  overflow-y: auto;
}
/*目前使用 无tagsView的table高度*/
/** 树形表格start*/
/*目前使用 有tagsView的table高度*/
.el-body-page-roll-tag-tree .el-table__body-wrapper {
  height: calc(100vh - 325px);
  overflow-y: auto;
}
.el-body-page-roll-tag-height-tree .el-table__body-wrapper {
  height: calc(100vh - 353px);
  overflow-y: auto;
}
  // 筛选条件展开 && 有tagsView的table高度
  .el-body-page-roll-tag-height-tree .el-table__body-wrapper {
    height: calc(100vh - 353px);
    overflow-y: auto;
  }

  /*目前使用 有tagsView的table高度*/
  /*目前使用 监管 有tagsView的table高度*/
  .enterprise-type .el-body-page-roll-tag-tree .el-table__body-wrapper {
    height: calc(100vh - 253px);
    overflow-y: auto;
  }

  .enterprise-type .el-body-page-roll-tag-height-tree .el-table__body-wrapper {
    height: calc(100vh - 303px);
    overflow-y: auto;
  }

  // 筛选条件关闭 && 有tagsView的table高度
  .enterprise-type .el-body-page-roll-tag-tree .el-table__body-wrapper {
    height: calc(100vh - 253px);
    overflow-y: auto;
  }

  // 筛选条件展开 && 有tagsView的table高度
  .enterprise-type .el-body-page-roll-tag-height-tree .el-table__body-wrapper {
    height: calc(100vh - 303px);
    overflow-y: auto;
  }

  /*目前使用 监管 有tagsView的table高度*/
  // 无tagsView的table高度
  .el-body-page-roll-tree .el-table__body-wrapper {
    height: calc(100vh - 378px);
    overflow-y: auto;
  }

  .el-body-page-roll-height-tree .el-table__body-wrapper {
    height: calc(100vh - 324px);
    overflow-y: auto;
  }

  // 筛选条件关闭 && 无tagsView的table高度
  .el-body-page-roll-tree .el-table__body-wrapper {
    height: calc(100vh - 378px);
    overflow-y: auto;
  }

  // 筛选条件展开 && 无tagsView的table高度
  .el-body-page-roll-height-tree .el-table__body-wrapper {
    height: calc(100vh - 324px);
    overflow-y: auto;
  }

  /** 树形表格end*/
  // tree
  .el-tree {
    font-size: $font14;
  }

  // 左右结构树形结构
  .headRowClass {
    transition-duration: 300ms;
    background: none;
    border:1px solid #fff;
    padding: 20px 0;

    .el-tree {
      height: 71.1vh;
      overflow: auto;
    }
  }

  // 左右结构列表页
  .right-content {
    position: relative;

    .treeStyle {
      position: absolute;
      top: 43vh;
      left: 2px;
      border-radius: 10px 0 0 10px;
    }

    .treeStyle2 {
      position: absolute;
      top: 43vh;
      left: -10px;
      border-radius: 0 10px 10px 0;
    }

    .el-tree-arrow {
      background: #eee;
      padding: 20px 0;
      cursor: pointer;

      i {
        font-size: 18px;
        color: $color999;
      }
    }
  }

  /* 表格链接高亮 */
  .to-link {
    color: #01c4f7 !important;
    cursor: pointer;
    text-decoration: underline;
  }

  // 统计分析列表
  .statistics-list {
    border: 1px solid $textColor;
    color: #fff;
    margin-top: 10px;
    background: none;

    thead {
      th {
        background: $topNavBg;
        color: #dfe6ec;
        border-right: 1px solid $textColor;
        line-height: 36px;
        font-weight: bold;
        font-size: 16px;

        &:last-child {
          border-right: none;
        }
      }
    }

    th,
    td {
      background: $topNavBg;
      border-right: 1px solid $textColor;
      padding: 6px 0 !important;

      &:last-child {
        border-right: none;
      }
    }

    .magnifier {
      cursor: pointer;
      font-size: 20px;
    }

    .el-table__fixed,
    .el-table__fixed-right {
      height: 100% !important;
    }

    .el-table__body tr:hover > td {
      background-color: $topNavBg;
    }

    .el-table__footer-wrapper tbody td {
      background-color: $topNavBg;
      color: #fff;
    }
  }

  .statistics-tab {
    .el-tabs__nav-wrap::after{
      height: 1px;
      background: #999;
    }
    .el-tabs__item {
      color: #999;
    }

    .is-active {
      color: #409EFF;
    }
  }
